<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>vip设置</title>
    <link rel="stylesheet" href="../../Public/css/mui.min.css">
    <link rel="stylesheet" href="../../Public/css/global.css">
    <link rel="stylesheet" href="../../Public/fonts/iconfont.css">
    <link rel="stylesheet" href="../../Public/libs/layer/need/layer.css">
    <link rel="stylesheet" href="../css/setting_vip.css">
</head>
<body>
    <div class="mui-content">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <span>直播间vip服务</span>
                <div class="mui-switch mui-switch-mini reward-btn">
                  <div class="mui-switch-handle"></div>
                </div>
            </li>
        </ul>
        <div class="intro">
            <div>开启服务，用户即可在直播间内看到vip购买入口</div>
            <div class="vip-server">查看直播间vip服务内容</div>
        </div>
        <ul class="mui-table-view vip-wrap">
            <li class="mui-table-view-cell vipdescribe">
                <span class="mui-navigate-right"><span class="settingname">VIP服务描述</span><span class="right-content reward-intro">哈哈哈</span></span>
            </li>
            <li class="mui-table-view-cell money">
                <span class="mui-navigate-right"><span class="settingname">按时收费</span><span class="right-content reward-num">￥<e class="money-month">1</e>/<e class="time">24</e>月</span></span>
            </li>
        </ul>
        <div style="padding:11px 15px;">
            <div class="ok">
                保存
            </div>
        </div>
    </div>
</body>
<script src="../../Public/libs/mui.min.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea.js" charset="utf-8"></script>
<script src="../../Public/libs/sea/sea-config.js" charset="utf-8"></script>
<script type="text/javascript">
    seajs.use(["../js/setting_vip.js"]);
</script>
<script id="vip-template" type="text/html">
    <div class="vip-money">
        <div class="title">设置收费类型</div>
        <ul class="mui-table-view  money-wrap">
            <li class="mui-table-view-cell">
                <input type="text" class="month"><span class="month-price">个月收取</span><input type="text" class="price">元<span class="iconfont icon-cuo"></span>
            </li>
        </ul>
        <div class="addprice">
            <div class="addprice-btn">添加一个收费类型</div>
            <div class="intro">修改价格后，用户无需重新付费<br>最多创建10个收费方式</div>
        </div>
    </div>
</script>
